.rowlike {
    margin: .2rem .57rem;
    display: flex;
}
.view-show {
    display: block;
}
.view-hide {
    display: none;
}
.rowlike view {
    flex: 1;
    text-align: center;
    font-size: .16rem;
    color: #666;
    width: .91rem;
    height: 1.22rem;
    line-height: 1.22rem;
}

.site {
    width: 100%;
    display: block;
    overflow: hidden;
    clear: both;
}
.site view {
    float: left;
    position: relative;
    line-height: 3.3;
    height: 41.9px;
    width: 33.333%;
    text-align: center;
    border:1px #efefef solid;
    margin-right: -1px;
    border-width: 1px 1px 0px 0px;
}

.collike {
    margin: .2rem .68rem;
    flex-direction: column;
}

.collike view {
    height: 1.07rem;
    width: 2.5rem;
    line-height: 1.07rem;
    flex: 1;
    text-align: center;
    font-size: .16rem;
    color: #FFF;
}
.color-a {
    background-color: #5B9FFF;
}
.color-b {
    background-color: #85B8FF;
}
.color-c {
    background-color: #ADCFFF;
}
.hover {
    opacity: .2;
}

.swiper {
    height: 2.18rem;
    border-radius: 8px 8px 0 0;
}

.swiper-item {
    width: 100%;
    height: 2.18rem;
    font-size: .18rem;
    line-height: 2.18rem;
    text-align: center;
    color: #fff;
}

.slider {
    margin: .3rem .23rem;
}

.switch-text-before {
    margin-top: .17rem;
}

.init-switch {
    vertical-align: middle;
    margin: .14rem 0 .14rem .17rem;
}

.switch {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.mode-title-container {
    margin-top: 72.464rpx;
    margin-bottom: 25.362rpx;
}

.mode-title-container:first-of-type {
    margin-top: 44.686rpx;
}

.content-item {
    background-color: #fff;
}.mode-title-container {
    margin-top: 72.464rpx;
    margin-bottom: 25.362rpx;
}

.mode-title-container:first-of-type {
    margin-top: 44.686rpx;
}

.content-item {
    background-color: #fff;
}

.search {
    padding: .08rem .17rem;
    margin-top: .34rem;
}
.search-box {
    position: relative;
    display: flex;
    height: .42rem;
    font-size: .16rem;
    color: #ccc;
    border-radius: 1rem;
    background-color: #fff;
    align-items: center;
}
.search-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    border: 1px solid #e6e6e6;
    border-radius: 1rem;
    transform: scale(.5);
    transform-origin: 0 0;
    pointer-events: none;
}
.search-icon {
    width: .18rem;
    height: .18rem;
    margin: 0 .08rem 0 .24rem;
    background: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/search.png) no-repeat center;
    background-size: contain;
}
.img{
    width: 100%;
    height: 2.18rem;
    font-size: .18rem;
    line-height: 2.18rem;
    text-align: center;
    color: #fff;
}

.smt-card-area {
    margin: 25.362rpx 0 72.464rpx;
    background: #fff;
}
.area-content {
    height: 100vh;
}